[v-cloack] {
    display: none;
}
* {
    margin: 0;
    padding: 0;
}
ul {
    list-style: none;
}
body {
    padding: 10px;
}
.ani1 {
    -webkit-animation: ani1 0.4s infinite alternate;
    animation: ani1 0.4s infinite alternate;
}

@keyframes ani1 {
    from {
        background-color: rgb(177, 237, 175)
    }

    to {
        background-color: rgb(90, 230, 85)
    }
}

@-webkit-keyframes ani1 {
    from {
        background-color: rgb(137, 236, 133)
    }

    to {
        background-color: rgb(14, 131, 10)
    }
}

p {
    margin: 3px;
}
 
.seat {
    float: left;
    text-align: center;
    font-size: 12px;
    width: 80px;
    margin: 10px;
    height: 50px;
    border: 1px solid #000;
    border-radius: 10px;
}
.seat.kong {
    background-color: rgb(255, 255, 255);
}
.seat.zhan {
    background-color: rgb(118, 118, 118);
    color: white
}
.seat p {
    margin: 0;

}

label {
    margin-right: 20px;
}

.toupiaobox {
    color: rgb(34, 32, 32);
    animation: ani2 0.3s infinite alternate;
    border: 10px dotted red;

}
.toupiaobox h1 {
    text-align: center;
}
@keyframes ani2 {
    from {
        background-color: rgb(238, 174, 147);
        border-color: #75a0e1;
    }

    to {
        background-color: rgb(238, 238, 135);
        border-color: #e7d402;
    }
}

@-webkit-keyframes ani2 {
    from {
        background-color: rgb(238, 174, 147)
    }

    to {
        background-color: rgb(238, 238, 135)
    }
}
